//这两个包名接收的成员名必须这么写
import React from 'react'  //创建组件、虚拟dom元素，生命周期
import ReactDOM from 'react-dom'  //把创建好的组件和虚拟dom 放到页面上展示
//import BindEvent from '@/components/BindEvent'
import Hello from '@/components/Eric'
//import CmtList from "@/components/CmtList";
//创建虚拟dom元素
//参数1：创建的元素的类型，字符串，表示元素的名称
//参数2：是一个对象或null，表示 当前这个DOM 元素的属性
//参数3：子节点(包括其他虚拟DOM 获取文本子节点)
//参数n：其他子节点
//<div id="weather" title="today">今天天气真好</div>
//const hh=React.createElement('div',{id:'weather',title:'today'},"今天天气真好")
//const div=React.createElement('div',null,'这是一个div',hh)
//使用ReactDOM把虚拟dom渲染到页面上
//参数1：要渲染的那个虚拟dom元素
//参数2：指定页面上的一个容器的dom元素
//ReactDOM.render(div,document.getElementById("app"))

// let a=10

// let boo=false
// let title="999"

// const mydiv=<div id="mydiv" title="div aaa">这是一个div元素qqq</div>
// const arr=[
//     <h2>这是h2</h2>,
//     <h3>这是h3</h3>
// ]
// const arrStr=['灰太狼','喜洋洋','美羊羊','懒羊羊','沸羊羊']
// const nameArr=[]
// arrStr.forEach(item=>{
//     const temp=<h5 key={item}>{item}</h5>
//     nameArr.push(temp)
// })
// const aaa=arrStr.map(item=>{
//     return item+'~'
// })
// console.log(aaa)

// class Movie extends React.Component{
//     //构造器
//     constructor(){
//         super()
//         this.state={
//             msg:'大家好，我是message'
//         }
//     }
//     render(){
//         return <div>{this.props.name}--{this.props.age}--{this.state.msg}</div>
//     }
// }

// const dog={
//     name:"大黄",
//     age:2,
//     gender:"男"
// }

// const styles={
//     item:{ border:'1px',margin:'10px'},
//     content:{ fontSize:'12px'}
// }

ReactDOM.render(<div>
    <Hello></Hello>
</div>, document.getElementById("app"))